import { setRequestLocale } from "next-intl/server";
import { FaqClient } from "./faq-client";

type Props = { params: Promise<{ locale: string }> };

export default async function FaqPage({ params }: Props) {
  const { locale } = await params;
  setRequestLocale(locale);

  return (
    <div className="relative min-h-screen overflow-hidden bg-[#050b14] font-sans">
      <div
        className="absolute inset-0 opacity-80"
        style={{
          backgroundImage:
            "linear-gradient(180deg, rgba(5,11,20,0.4) 0%, rgba(5,11,20,0.95) 100%), url('/about/bg-wave.png')",
          backgroundSize: "cover",
          backgroundPosition: "center",
          backgroundAttachment: "fixed",
        }}
      />
      <div className="relative z-10 px-6 pb-20 pt-16 md:px-8 md:pt-24">
        <FaqClient />
      </div>
    </div>
  );
}